<template>
    <div>
        <el-card class="box-card">
            <div class="text item">
                <el-table :data="userList" border style="width: 100%">
                    <el-table-column prop="id" :label="$t('msg.role.index')" width="180">
                    </el-table-column>
                    <el-table-column prop="title" :label="$t('msg.role.name')">
                    </el-table-column>
                    <el-table-column prop="describe" :label="$t('msg.role.desc')">
                    </el-table-column>
                    <el-table-column :label="$t('msg.role.action')" width="280">
                        <el-button type="primary" size="mini">{{$t('msg.role.assignPermissions')}}</el-button>
                    </el-table-column>
                </el-table>
            </div>
        </el-card>

    </div>
</template>

<script>
export default {
 name : "", 
 data(){
  return {
      userList:[]
  }
 },
 created(){
     this.getList()
 },
 components : {
     
 },
 methods:{
    async getList(){
      let res = await this.userApi.getRoleList()
      this.userList = res
      console.log(this.userList);
    },
 }
}
</script>


<style scoped>
</style>